<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>오설록 모바일</title>
	<? include "../inc/head.html" ?>
</head>
<body>
<div id="wrapper">
<div id="wrap">
	<? include "../inc/header.html" ?>
	<!-- shopList:S -->
	<header class="shopHead">
		<a href="javascript:prevPage();" class="prev"><img src="../imgs/shop/icon_head_prev.gif" alt="이전"></a>
		<h1>마스터스티</h1>
		<a href="#" class="allCate"><img src="../imgs/shop/icon_head_prd.gif" alt="전체보기"></a>
	</header>


	<section class="subContainer viewContents">
		<h2>오설록 일로향</h2>
		<p class="viewShort">오설록 최고급 일로향 햇차입니다. <br/>2011년 북아메리카 티 챔피언쉽 덖음차 부문 1위</p>
		<p class="thumb"><img src="../imgs/shop/@thumbView.png" alt=""></p>
		<table class="sellInfo">
			<colgroup>
				<col style="width:115px">
				<col style="width:*">
			</colgroup>
			<tr>
				<th>정가</th>
				<td class="price">160,000원</td>
			</tr>
			<tr>
				<th>쿠폰할인</th>
				<td><span class="vertical">2천원 할인 쿠폰</span> <a href="#"><img src="../imgs/shop/btn_couponDown.gif" class="btnCoupon" alt="쿠폰다운"></a></td>
			</tr>
			<tr>
				<th>판매가</th>
				<td class="sellPrice">150,000원</td>
			</tr>
			<tr>
				<th>적립포인트</th>
				<td class="point">
					<img src="../imgs/shop/icon_cash.jpg" alt="적립포인트">3% 100P
				</td>
			</tr>
			<tr>
				<th>용량</th>
				<td>60g(30g*2)</td>
			</tr>
			<tr>
				<th>배송비</th>
				<td>2000원 (10,000원이상 배송 시 무료)</td>
			</tr>
			<tr>
				<th>구매수량</th>
				<td>
					<select name="" class="buyNum" >
						<option value="01">1</option>
						<option value="02">2</option>
						<option value="03">3</option>
						<option value="04">4</option>
						<option value="05">5</option>
					</select>
					<span class="soldOut vertical">단종예정</span>
				</td>
			</tr>		
		</table>
		<!-- button:S -->
		<ul class="btnWrap">
			<li><a href="#" class="gBrown">찜하기</a></li>
			<li><a href="#" class="gGreen">장바구니</a></li>
			<li><a href="#" class="gKaki">바로구매</a></li>
		</ul>
		<!-- button:E /-->
		<!-- SNS:S -->
		<div class="viewSNSwrap">
			<ul class="viewSNS">
				<li class="kka"><a href="#"><img src="../imgs/shop/icon_kka.gif" alt="카카오톡"></a></li>
				<li class="tw"><a href="#"><img src="../imgs/shop/icon_tw.gif" alt="트위터"></a></li>
				<li class="m2"><a href="#"><img src="../imgs/shop/icon_m2day.gif" alt="미투데이"></a></li>
				<li class="fb"><a href="#"><img src="../imgs/shop/icon_fb.gif" alt="페이스북"></a></li>
			</ul>
			<!-- SNS:E /-->
			<div class="fb-Plug">
				<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.osullocmall.com/productView.do?seq=846&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe>
			</div>
		</div>
		<!-- sliderProduct:S -->
		<div class="relWrap">
		<h3>선택하신 차와 함께 비교할 수 있는 추천 차</h3>
		<p class="btnLeft"><button class="sliderPrev" onclick="relPrd.prev();return false;">PREV</button></p>
		<div id="relPrd">
			<ul>
				<!-- prd loos:S -->
				<li>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
				</li>
				<li>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
					<p class="img"><a href="#"><img src="../imgs/@tempPrd.jpg" alt=""></a></p>
				</li>
			</ul>
		</div>
		<p class="btnRight"><button class="sliderNext" onclick="relPrd.next();return false;">NEXT</button></p>
		</div>
		<!-- sliderProduct:E /-->
		<!-- prdViewImage:S -->
		<h3 class="imgInfo">제품 상세정보</h3>
		<div><img src="../imgs/shop/@prdView.jpg" alt=""></div>	
		<!-- prdViewImage:E /-->
		<!-- prdStateField:S -->
		<div class="prdState">
		<table>
			<colgroup>
				<col style="120px">
				<col style="*">
			</colgroup>
			<tbody>
				<tr>
					<th>제품명</th>
					<td>오설록 일로향</td>
				</tr>
				<tr>
					<th>용량/사이즈</th>
					<td>60g(30g*2)</td>
				</tr>
				<tr>
					<th>정가</th>
					<td>150,000원</td>
				</tr>
				<tr>
					<th>보관방법</th>
					<td>고온다습한 곳을 피하고, 개봉후 밀봉</td>
				</tr>
				<tr>
					<th>원재료 및 첨가제 함량/재질</th>
					<td>녹차100%(국산)</td>
				</tr>
				<tr>
					<th>유형</th>
					<td>잎차</td>
				</tr>
				<tr>
					<th>유통기한</th>
					<td>제품용기참조</td>
				</tr>
				<tr>
					<th>생산지</th>
					<td>한국</td>
				</tr>
			</tbody>
		</table>
		</div>
		<!-- prdStateField:E /-->

	</section>



	<!-- shopList:E /-->
	<? include "../inc/footer.html" ?>
</div>
<!-- ProductNavi -->
<? include "../inc/aside.html" ?>
</div>
<script>
// Slider UI
var relPrd = new Swipe(document.getElementById('relPrd'));

$("#header").hide();
setTimeout(function(){
	$("#header").slideDown();	
}, 1500);

$(".shopHead .allCate").click(function(){
	$("#showPrdNavi").trigger("click")
});
</script>
</body>
</html>






